<template>
<view>
		<view class="head">
			<navigator @click="gotoarrow" class="return-arrow">
				<image class="return-img" src="../../../../static/arrow.png"></image>
			</navigator>
			<view class="service-list">订单</view>
		</view>
		<view class="all-list">
			<view class="list-item">全部</view>
			<view class="list-item">待付款</view>
			<view class="list-item">待发货</view>
			<view class="list-item">已发货</view>
			<view class="list-item">已完成</view>
			<view class="list-item">已取消</view>
		</view>
		
</view>
</template>

<script>
export default {
	methods:{
		gotoarrow(){
			this.$router.go(-1)
		}
	}
}

</script>

<style scoped>
	.head{
		margin-bottom: 1rem;
	}
	.all-list{
		justify-content: space-between;
	}

</style>
